<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>内部报事</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/neibubaoshiadd.css" />
    <style type="text/css">
      
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 紧急程度 -->
        <div class="mask_bg" v-on:click="doCloseLevel()" v-if="IsLevelOpen"></div>
        <div class="choose_box" v-if="IsLevelOpen">
            <div class="choose_room_title">
                <div class="choose_room_title">选择紧急程度</div>
            </div>
            <div class="choose_room_content">
                <div v-on:click="doSelectLevel(item)"  class="choose_room_item"  v-for="item in LevelList" v-bind:class="{'selected':form.LevelID==item.ID}" >
                    <label>{{item.Name}}</label><i  v-bind:class="{'selected':form.LevelID==item.ID}" class="icon iconfont icon-xuanze"></i>
                </div>
            </div>
        </div>
        <!-- 任务标签 -->
        <div class="mask_bg" v-on:click="doCloseTag()" v-if="IsTagOpen"></div>
        <div class="choose_box" v-if="IsTagOpen">
            <div class="choose_room_title">
                <div class="choose_room_title">选择任务标签</div>
            </div>
            <div class="choose_room_content">
                <div v-on:click="doSelectTag(item)"  class="choose_room_item"  v-for="item in TagList" v-bind:class="{'selected':form.TagID==item.ID}" >
                    <label>{{item.TaskName}}</label><i  v-bind:class="{'selected':form.TagID==item.ID}" class="icon iconfont icon-xuanze"></i>
                </div>
            </div>
        </div>
        <div class=" boxarea edit">
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">报修人<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent">
                        <input type="text" placeholder="请填写" v-model="form.AddCustomerName">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">手机号码</div>
                    <div class="aui_formcontent">
                        <input type="number" placeholder="请填写联系电话" v-model="form.AddCallPhone">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">紧急程度</div>
                    <div class="aui_formcontent" v-on:click="do_chooseLevel()">
                        <input class="choose"  v-model="form.LevelName" readonly="readonly" type="text" placeholder="请选择">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">委外维修</div>
                    <div class="aui_formcontent">
                        <label class="label-radio">
                            <input class="aui-radio" v-on:click="doIsOutType(1)" style="margin-top: -6px;" type="radio" name="IsOutType" v-bind:checked="form.IsOutType==1">是
                        </label>
                        <label class="label-radio">
                            <input class="aui-radio" v-on:click="doIsOutType(0)" style="margin-top: -6px;" type="radio" name="IsOutType" v-bind:checked="form.IsOutType==0">否
                        </label>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">报修时间</div>
                    <div class="aui_formcontent">
                        <label>{{form.AddRepairTime}}</label>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">任务标签</div>
                    <div class="aui_formcontent" v-on:click="do_chooseTag()">
                        <input class="choose"  v-model="form.TagName" readonly="readonly" type="text" placeholder="请选择">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem block" style="border-bottom: none;">
                    <div class="aui_formtitle">内容描述<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" style="padding-left: 0px;">
                        <textarea placeholder="请尽量填写详细的问题描述，方便我们的维修人员快速确认问题。谢谢合作！" v-model="form.ServiceContent" style="height: 4rem;"></textarea>
                    </div>
                </div>
            </div>
            <div class="imglist_box" style="padding-top: 30px;">
                <div v-if="task_imgList.length>0" class="imglist_item" v-for="(item,index) in task_imgList">
                    <img v-on:click="do_viewimages_edit(index)" class="imgitem ml4" v-bind:src="item.imgurl" />
                    <img v-on:click="remove_img_edit(item.ID)" class="onmouse_close" src="../image/close_mouseover.svg" />
                </div>
                <div class="imglist_item" v-for="(item,index) in imglist">
                    <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                    <img v-on:click="remove_img(index,item)" class="onmouse_close" src="../image/close_mouseover.svg" />
                </div>
                <div v-if="imglist.length<maxuploadcount" class="imglist_item ml4">
                    <div class="img_plusbox">
                        <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                    </div>
                    最多支持{{maxuploadcount}}张
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">提交</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/neibubaoshi_edit.js"></script>
</html>